<template>
	<u-popup :show="popup" mode="center"  @close="popup = false"  border-radius="14" closeable :mask="false" :round="10">
			<view class="unlockStory">
				<view class="promptTitle">
					恭喜您，获得免费解锁剧集名额
				</view>
				<view class="videoUnlocking">
					看视频免费观看本集
				</view>
				<view class="freeUnlock">
					免广告解锁
				</view>
			</view>
		</u-popup>
</template>

<script>
	export default {
		data(){
			return {
				popup:true
			}
		}
	}
</script>

<style>
	.unlockStory{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 90rpx 30rpx;
		align-items: center;
	}
	.videoUnlocking{
		background-color: #f9752c;
		color: #fff;
		padding: 20rpx 100rpx;
		border-radius: 50rpx;
		margin: 40rpx 0 30rpx 0;
	}
	.freeUnlock{
		border: 1px solid #f9752c;
		padding: 20rpx 170rpx;
		border-radius: 50rpx;
		color: #f9752c;
	}
</style>